<%-- 
    Document   : customerexpand
    Created on : Aug 11, 2012, 10:19:09 AM
    Author     : ems
--%>


<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>

<html>
    <head>


        <script type="text/javascript" language="javascript" src="../scripts/jQuery/confirm.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery.fancybox-1.3.4.pack.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>
        <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
        <link rel="stylesheet" type="text/css" href="../css/thickbox.css"/>
        <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/>
        <link rel="stylesheet" type="text/css" href="../css/paging.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/thickbox.js"></script>
        <script type="text/javascript" language="javascript">
            var open_cur = 0;
            $j = jQuery.noConflict();
            $j(document).ready(function(){
                $j('.keysearch').live('keyup',function(){
                    if($j('.keysearch').val() == ""){
                        $j('.rich-table-row').show();
                                   
                    }else{
                        $j('.rich-table-row').hide();
                        $j('.rich-table-row').each(function(){
                            html = $j(this).html();
                            if(   ununicode(html).indexOf(  ununicode($j('.keysearch').val()) ) > -1    )  {
                                $j(this).show();
                            }else{
                                $j(this).hide();
                            }
                        });
                    }

                });
                
            });
                    
        </script>
      
    </head>


    <body>

        <a4j:form>
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <h:outputText value="<div class='permission' lang='#{loginSession.right.MNU_EXF_VIE}'></div>" escape="false"/>
            <div id="content">
                <div id="menu_top">
                    <div class="dropdown">
                        <div class="select_choise">
                            <a href="#"><span>Khu vực</span></a>
                        </div>
                        <div class="select_hidden">
                            <ul>

                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="dropdown">
                        <div class="select_choise">
                            <a href="#"><span>Outlets</span></a>
                        </div>
                        <div class="select_hidden">
                            <ul>
                                <li><a href="#"><span>Ban Điều Hành</span></a></li>
                                <li><a href="#"><span>Nhóm IT</span></a></li>
                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div id="content_detail">
                    <!-- text search-->

                    <!-- end text search-->
                    <!-- text search-->
                    <div class="fast_search" style="margin-top:10px">

                        <h:inputText value="#{customerExpand.keysearch}" onfocus="if(this.value=='#{customerExpand.keysearch}')this.value='';" styleClass="keysearch"  />
                        <div  style="margin-left:5px; float:left" class="buttonsearch">
                            <div class="group cssgroup" style="width:150px; height:180px; position:absolute; background: #2B3844; color:white !important; top:30px; display:none">
                                <h:selectOneRadio layout="pageDirection" value="#{customerExpand.typesearch}" styleClass="feild_sex"  >
                                    <f:selectItem itemValue="0" itemLabel="#{locale.all}" />
                                    <f:selectItem itemValue="1" itemLabel="#{locale.company}"/>
                                    <f:selectItem itemValue="2" itemLabel="#{locale.telephone}"/>
                                    <f:selectItem itemValue="3" itemLabel="#{locale.frist_lastname}"/>
                                    <f:selectItem itemValue="4" itemLabel="#{locale.person_info}"/>
                                    <f:selectItem itemValue="5" itemLabel="#{locale.email}"/>
                                    <f:selectItem itemValue="6" itemLabel="#{locale.tour}"/>
                                    <f:selectItem itemValue="7" itemLabel="#{locale.supplier}"/>
                                </h:selectOneRadio>
                                <h:commandButton      action="#{customerExpand.reload}" value="#{locale.search}" style="margin-left:15px; margin-top:2px;" styleClass="buttonsearch2">
                                </h:commandButton>
                            </div>
                        </div>



                    </div>
                    <!-- end text search-->
                    <!-- start sidebar sidebar_row1--->
                    <div class="sidebar_row1">
                        <div class="sidebar">
                            <h:outputLink  rendered="#{loginSession.right.EXF_LST_CRE}" value="financialExpectedInput.jsp?action=addEmp&height=282px&width=345px" styleClass="fancybox add_new" id="fancybox">
                                <span>  <h:outputText value="Tài chính dự kiến"/> </span>
                            </h:outputLink>
                        </div>
                    </div>


                    <div class="fillter">
                        <div class="dropdown">


                        </div>
                    </div>
                    <div class="content_right" style="margin-top:15px;">
                        <div style="height: 29px;background-color: #4A5763;width: 100%;line-height: 29px;">
                                        <div style="margin-left: 15px;color: white;">
                                        <h:outputText value="DANH SÁCH TÀI CHÍNH DỰ KIẾN" style="text-transform:uppercase"/>
                                    </div>

                                </div>
                        <div class="content_table" style="border: solid; border-width: 1px; border-color: rgb(242,242,242)" >

                            <rich:dataTable  value="#{T800Bean.listT800}" var="item" columnClasses="col1"
                                             rows="17" reRender="ds"                                             
                                             id="abcxyz" rowClasses=" white,odd">
                                <rich:column  >
                                    <f:facet name="header">
                                        <h:outputText value="Action"/>
                                    </f:facet>
                                    <div style="width:40px;">
                                        <h:outputLink rendered="#{loginSession.right.EXF_LST_MOD}" value="financialExpectedInput.jsp?action=edit&pt800=#{item.pt800}&height=300px&width=500px" styleClass="fancybox">
                                            <img src="../images/edit.png" alt="edit" title="edit"/>
                                        </h:outputLink>
                                        <h:outputLink rendered="#{loginSession.right.EXF_LST_DEL}" value="deleteFinancialExpected.jsp?action=delete&pt800=#{item.pt800}&flag=L200&height=150px&width=300px" styleClass="fancybox">
                                            <img src="../images/delete_1.png" alt="delete"  title="delete" />
                                        </h:outputLink>

                                    </div>
                                </rich:column> 
                                <rich:column  styleClass="col1"> 
                                    <f:facet name="header">
                                        <h:outputText value="Loại giao dịch" styleClass="col1" />
                                    </f:facet>
                                    <div style="width: 100px;">
                                        <h:outputText value="#{item.tv001}"/>
                                    </div>

                                </rich:column>                                 

                                <rich:column sortBy="#{item.hv076}">
                                    <f:facet name="header">
                                        <h:outputText value="Tài khoản"/>
                                    </f:facet>
                                    <h:outputText value="#{item.hv076}"/> 
                                </rich:column> 
                                <rich:column sortBy="#{item.tn801St}" styleClass="display_text_right">
                                    <f:facet name="header">
                                        <h:outputText value="Tổng chi phí"/>
                                    </f:facet>
                                    <div style="width: 140px;">
                                        <h:outputText value="#{item.tn801St}" /> 
                                    </div>

                                </rich:column> 
                                <rich:column sortBy="#{item.tv802}">
                                    <f:facet name="header">
                                        <h:outputText value="Tiền tệ"/>
                                    </f:facet>
                                    <h:outputText value="#{item.tv802}"/> 
                                </rich:column> 
                                <rich:column sortBy="#{item.tv807}">
                                    <f:facet name="header">
                                        <h:outputText value="Tham chiếu nội bộ"/>
                                    </f:facet>
                                    <div style="width: 120px;">
                                        <h:outputText value="#{item.tv807}"/> 
                                    </div>

                                </rich:column> 
                                <rich:column sortBy="#{item.tv808}">
                                    <f:facet name="header">
                                        <h:outputText value="Tham chiếu bên ngoài"/>
                                    </f:facet>
                                    <div style="width:150px;">
                                        <h:outputText value="#{item.tv808}"/> 
                                    </div>
                                </rich:column> 
                                <rich:column sortBy="#{item.bv051}"  width="200px" styleClass="display_text_center">
                                    <f:facet name="header">
                                        <h:outputText value="Dự án"/>
                                    </f:facet>
                                    <div style="width: 110px;">
                                        <h:outputText value="#{item.bv051}"/> 
                                    </div>
                                </rich:column> 
                                <rich:column sortBy="#{item.td804St}" styleClass="display_text_center">
                                    <f:facet name="header">
                                        <h:outputText value="Ngày hiệu lực"/>
                                    </f:facet>
                                    <div style="width:120px;">
                                        <h:outputText value="#{item.td804St}"/> 
                                    </div>
                                </rich:column> 
                                <rich:column sortBy="#{item.td803St}"  styleClass="display_text_center">
                                    <f:facet name="header">
                                        <h:outputText value="Ngày lập hóa đơn"/>
                                    </f:facet>
                                    <div style="width:120px;">
                                        <h:outputText value="#{item.td803St}"/> 
                                    </div>
                                </rich:column> 

                                <rich:column sortBy="" style="width:200px;">
                                    <f:facet name="header">
                                        <h:outputText value="Ngày cập nhật"/>
                                    </f:facet>
                                    <div style="width:150px;">
                                        <h:outputText value="#{item.tl818}" style="position:relative;float: left; margin-left: 20px;"/> 
                                    </div>
                                </rich:column> 


                                <%--
                                <f:facet name="footer">
                                    <rich:datascroller id="ds"></rich:datascroller>
                                </f:facet>--%>
                            </rich:dataTable>

                            <%--
                            <rich:modalPanel id="ajaxLoadingModalBox" minHeight="30" minWidth="40"
                                             height="30" width="40" zindex="2000">
                                <h:outputText value="#{locale.please_wait}" styleClass="startDummer"></h:outputText>
                            </rich:modalPanel>
                            <h:inputHidden value="#{customerExpand.charSearch}" />
                            --%>

                        </div>
                        <div style="position: relative; floar: left; margin-right: 10px; top: 15px;">
                            <rich:datascroller align="left" for="abcxyz" maxPages="20" reRender="sc2" id="sc1" />
                        </div>
                    </div>
                </div>
            </div>
        </a4j:form>

    </body>
</html>

  <style type="text/css">
            .content .scrolls{
                width:800px !important;
                float:left;

                overflow:auto;
            }
            .content .rich-table{
                width:800px !important;
                float:left;

                overflow:auto;
            }
            .content table{
                width:800px !important;
                float:left;
            }
            .content_table{
                width:100% !important;
                float:left;

              

            }

            .col1
            {
                width: 200px; 
            }
            .col2
            {
                width: 1000px; 
            }
            .col3
            {
                width: 100px; 
            }
           
            .col4
            {
                width: 100px; 
            }
            .col5
            {
                width: 50px; 
            }
            .col6
            {
                width: 100px; 
            }
            .col7
            {
                width: 100px; 
            }
            .col8
            {
                width: 60px; 
            }
            .col9
            {
                width: 100px; 
            }
            .col10
            {
                width: 100px; 
            }
            .col11
            {
                width: 100px; 
            }
            .col12
            {
                width: 100px; 
            }
            .col13
            {
                width: 50px; 
            }
            .odd {
                background: none repeat scroll 0 0 #E0EFFC;
            }
            #main{
width:100%;
}
#content{
padding:0px !important;
width:100%;
}
#footer{
width:100%;
}
.title_tour{
width:100%;
}

#content_detail {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 98.5%;
}


#header_content {
    float: right;
    margin-top: 40px;
    width: 87%;
}

        </style>